{% extends "topic.html" %}
{% block pageName %}BioVenturist Technology{% endblock %}

{% block queryScriptTopic %}
<script type="text/javascript" src="/bvapp/static/js/technology_read.js"></script>
<script type="text/javascript" src="/bvapp/static/js/technology_write.js"></script>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>

<script language="javascript" type="text/javascript">

google.load("feeds", "1");
google.load("visualization", "1", {packages:["table"]});
google.load("visualization", "1", {packages:["columnchart"]});

function load_info() {

	perform_touch('{{ domain_used }}');
		
	var url_read = "http://{{ domain_used }}/api/service/mqlread";
	var url_write = "http://{{ domain_used }}/api/service/mqlwrite";
	var topic_id = parseTopicID("{{ topic_id }}")
	get_content(url_read, url_write, '{{ domain_used }}','{{ bioventurist_domain }}', topic_id);

}
 
 </script>
{% endblock %}

		
{% block col1_container2 %}
{% endblock %}		


{% block col2_container %}
	<div id="topic_logo"><img src="" alt="" name="thumb" align="middle" id="thumb" /></a></div>
	<div id="title"><span id="title"></span></div>
	<div id="page_type">(Technology)</div> <!-- page_type -->
	{% if not user.is_authenticated %} 
		<div id='completion_score'></div>
	<br></br><br></br>
	{% else %}
		<div id='completion_score_login'></div>
	{% endif %}
	<div id="page-wrap">
{% endblock %}

{% block tabs %}

<div id="tabbed-container">
	<ul>
			<li><a href="#Breakdown"><span>Breakdown</span></a></li>
			<li><a href="#Edit"><span>Edit</span></a></li>
		</ul>

		<div id="Breakdown">
			<h1><span>Overview</span></h1>
			<hr></hr>
			<p><div id="description"></div></p>	
			<br><br/>
			<h1><span>Associated Technologies</span></h1>
			<hr></hr>
			<br></br>
			<div id="parentTechnologiesHeader"></div>
			<div id="partech_div"></div>
			<br></br>
			<div id="relatedTechnologiesHeader"></div>
			<div id="reltech_div"></div>
			<br></br>
			<div id="subTechnologiesHeader"></div>
			<div id="subtech_div"></div>
			<br><br/>				
			<h1><span>Companies and Products Involved</span></h1>
			<hr></hr>
			<br></br>
			<div id="comp_div"></div>
			<br></br>
			<div id="h_TherMarket"></div>
			<div id="totalProductSales_div"></div>
			<div id="companySalesThera_div"></div>
			<div id="companySales_div"></div>
			<div id="theraMarket_div"></div>					
			<br></br>
			<div id="h_ProdMarket"></div>
			<div id="prodMarket_div"></div>			
			<br></br>
			<div id="h_TherDiv"></div>
			<div id="theraDev_div"></div>
			<br></br>
			<div id="h_ProdDiv"></div>
			<div id="prodDev_div"></div>
			<br></br>
			<div id="researchGroup"></div>
		</div>
		<div id="Edit">
			{% if user.is_authenticated %}  
			<div id="edit_sync" align="center"></div>
			<br></br>
	
			<h2>Overview</h2>
			<br></br>
			  <table>
  			    <tr>
			      <td><strong>Overview</strong></td>
			      <td><div align="left" id="edit_overview"><span></span></div></td>
			    </tr>				  		  
			  </table>
			  <br></br>
			  
			<h2>Groups Involved</h2>
			  <br></br>
			  <table>
  			    <tr>
			      <td><strong>Companies Involved</strong></td>
			      <td><span id="span_company_involved"></span></td>
			    </tr>
			    <!-- 
			    <tr>
			      <td><strong>Research Groups Involved</strong></td>
			      <td><span id="span_research_groups_involved"></span></td>
			    </tr>
			     -->
			   </table>
			   <br></br>
			   
	  		<h2>Products</h2>
			  <br></br>
			  <table>  	 
			    <tr>
			      <td><strong>Products Involving this Technology</strong></td>
			      <td><span id="span_products_involving_this_technology"></span></td>
			    </tr>
			  </table>
			  <br></br>
			  
			<h2>Related Technologies and Medical Conditions</h2>
			  <br></br>
			  <table>  	  
			    <tr>
			      <td><strong>Parent Technology</strong></td>
			      <td><span id="span_parent_technology"></span></td>
			    </tr>
			    <tr>
			      <td><strong>Sub Technology</strong></td>
			      <td><span id="span_sub_technology"></span></td>
			    </tr>
			    <tr>
			      <td><strong>Related Technology</strong></td>
			      <td><span id="span_related_technology"></span></td>
			    </tr>
			  </table>
			<br></br>  
  		<div id="freebase_redirect"></div>
  			{% else %}
            <li><a href="{% url django.contrib.auth.views.login %}">(Login to edit)</a></li> 
        {% endif %} 		  
	</div>
</div>
{% endblock %}		
